<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<title>Apurn</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	
	<link href="./assets/css/style5.css" rel="stylesheet" />

	<script src="./assets/old/ui/jquery.ui.core.js"></script>
	<script src="./assets/old/ui/jquery.ui.widget.js"></script>
	
	<script src="./assets/old/js/jquery-ui-tabs-rotate.js"></script>

	<script type="text/javascript" src="./assets/old/js/js/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="./assets/old/js/js/jquery-ui-1.9.0.custom.min.js"></script>
	<script type="text/javascript" src="./assets/old/js/js/jquery-ui-tabs-rotate.js"></script>

	<script type="text/javascript">
		$(document).ready(function() {
			$("#featured").tabs({
				fx : {
					opacity : "toggle"
				}
			}).tabs("rotate", 5000, true);
		});
	</script>
</h:head>
<h:body onload="$();">
	<div id="wrapper" align="center">
		<div id="MainConteiner">

			<div id="header_">
				<ui:insert name="header">
					<ui:include src="header.xhtml" />
				</ui:insert>
			</div>
			<div id="MainContentConteiner">

				<div id="SlideShowConteiner">
					<div id="featured">
						<ul class="ui-tabs-nav">
							<li class="ui-tabs-nav-item" id="nav-fragment-1"><a
								href="#fragment-1"><img
									src="./assets/images/image_1-small.jpg" alt="" /></a></li>
							<li class="ui-tabs-nav-item" id="nav-fragment-2"><a
								href="#fragment-2"><img
									src="./assets/images/image_2-small.jpg" alt="" /></a></li>
							<li class="ui-tabs-nav-item" id="nav-fragment-3"><a
								href="#fragment-3"><img
									src="./assets/images/image_3-small.jpg" alt="" /></a></li>
							<li class="ui-tabs-nav-item" id="nav-fragment-4"><a
								href="#fragment-4"><img
									src="./assets/images/image_4-small.jpg" alt="" /></a></li>
						</ul>
						<!-- First Content -->
						<div id="fragment-1" class="ui-tabs-panel" style="">
							<img src="./assets/images/image_1.jpg" alt="" />
							<div class="info">
								<h2>
									<a href="#">Sede Social em Pirangi do Norte</a>
								</h2>
								<p>
									Distante 20 km de Natal a APURN possui em Pirangi do Norte uma Sede Social à beira-mar com: Piscina adulto e infantil; Amplo salão com dancing; Palco; Auditório; Camarim; Salão VIP; Fraldário; Serviço de bar e restaurante “a la carte” com descontos de 20% na comida e 10% na bebida, sob a direção de “Lula restaurante” com todo o conforto que o associado merece.<a href="#"></a>
								</p>
							</div>
						</div>
						<!-- Second Content -->
						<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
							<img src="./assets/images/image_2.jpg" alt="" />
							<div class="info">
								<h2>
									<a href="#">Chalés "Varandas da APURN"</a>
								</h2>
								<p>
									 Inaugurados em julho de 2007, os chalés da APURN são mobiliados e compostos de: quarto, sala, varanda, copa-cozinha e BWC, estão localizados na área do estacionamento da Sede Social de Pirangi do Norte e são alugados aos sócios a preços especiais.<a href="#"></a>
								</p>
							</div>
						</div>
						<!-- Third Content -->
						<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
							<img src="./assets/images/image_3.jpg" alt="" />
							<div class="info">
								<h2>
									<a href="#">Sede Social em Pirangi do Norte</a>
								</h2>
								<p>
									Distante 20 km de Natal a APURN possui em Pirangi do Norte uma Sede Social à beira-mar com: Piscina adulto e infantil; Amplo salão com dancing; Palco; Auditório; Camarim; Salão VIP; Fraldário; Serviço de bar e restaurante “a la carte” com descontos de 20% na comida e 10% na bebida, sob a direção de “Lula restaurante” com todo o conforto que o associado merece.<a href="#"></a>
								</p>
							</div>
						</div>
						<!-- Fourth Content -->
						<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
							<img src="./assets/images/image_4.jpg" alt="" />
							<div class="info">
								<h2>
									<a href="#">Restaurante no Campus Universitário</a>
								</h2>
								<p>
									Localizado no Centro de Convivência do Campus, o restaurante da APURN oferece um sistema de self-service, além de pratos executivos, quentinhas e marmitas com descontos de 10% para os sócios, funcionando de segunda a sexta-feira, das 11:00h às 14:30h.<a href="#"></a>
								</p>
							</div>
						</div>
					</div>

				</div>
				<div id="InformationConteiner">

					<div id="LeftContentConteiner"> <div
						id="IndexNoticeConteiner"> Notice </div> 
						
					<div id="CalendarConteiner">
							<h:form id="form">

								<p:growl id="growl" showDetail="true" />

								<p:calendar value="#{calendarMBean.date1}" mode="inline"
									id="inlineCal">
									<p:ajax event="dateSelect"
										listener="#{calendarMBean.handleDateSelect}" update="growl" />
								</p:calendar>

							</h:form>

						</div> 
					<div id="BrirthGuyConteiner"> Brith </div> </div>
					<div id="RightContentConteiner"> <div
						id="IndexAlbumConteiner"> Album </div> <div
						id="PartnersConteiner"> Partner </div> </div>
					<div id="DownContentConteiner"> <div
						id="RSSFeedConteiner"> RSS </div> </div>
				</div>
			</div>

		</div>
		<div id="footer">
			<ui:insert name="footer">
				<ui:include src="footer.xhtml" />
			</ui:insert>
		</div>
	</div>



	<!-- Other HTML tags and non-input JSF elements here -->
</h:body>
</html>